<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:a4j="https://ajax4jsf.dev.java.net/ajax"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:c="http://java.sun.com/jsp/jstl/core">

  
<ui:composition template="../templates/template_menu.xhtml">
    
    <ui:define name="scripts">
        <script language="javascript" type="text/javascript" src="../scripts/funciones_clientes.js"></script>       
    </ui:define>
    
    <ui:define name="title">
        <f:loadBundle basename="org.me.resources.messages" var="msg"/>
        <h:outputText value="#{msg.clientes}" />        
    </ui:define>
    
    <ui:define name="content" >           
        <f:view>        
            <a4j:form id="frmMantenimientoCtes">
               
               <rich:panel  style="margin-left: 30px;margin-top: 30px; width:1210px;  height : 750px; border:0px solid #14527e;border-radius: 20px;box-shadow:rgba(100,100,100,0.4)10px 10px" >
                  <!-- Describe si ya existe el cliente a grabar x DNI asi como tambien muestra el mensaje de si se grabo correctamente, se elimino -->
                  <h:outputText id="clienteExiste" value="#{mantenimientoClientesController.clienteExiste}" style="font-weight:bold;
                             color:#{mantenimientoClientesController.color};" />  
                  <br/>
                  <!-- Describe si ya existe el cliente a grabar x RUC -->
                  <h:outputText id="clienteExiste2" value="#{mantenimientoClientesController.clienteExiste2}" style="font-weight:bold;
                             color:#{mantenimientoClientesController.color2};" />  
                  
                  <h:panelGrid columns="1" >
                      <h:outputText value="#{msg.mantenimientoClientes}"  style="color: #999999;font-weight: bold;font-family: Tahoma;font-size: 13px;"  />			
                  </h:panelGrid>
                  <br/>
                  <h:panelGrid columns="2" border="1" bgcolor="yellow" >
                      <h:outputText value="#{msg.idCliente}" />                       
                      <h:inputText id="idCliente" value="#{mantenimientoClientesController.idCliente}" readonly="true" size="9" tabindex="1"  />                                               
                  </h:panelGrid>
                  
                  <h:panelGrid columns="3" border="1" bgcolor="yellow" title="#{msg.datosGeneralesCte}">
                      <f:facet name="header">
                         <h:outputText value="#{msg.datosGeneralesCte}"/>
                      </f:facet>                              
                  
                      <h:panelGroup>
                         <h:outputText value="#{msg.nomCliente}" styleClass="campoObligatorio" />
                         <h:inputText id="nomCliente" value="#{mantenimientoClientesController.nomCliente}" size="20" maxlength="60" tabindex="2" />                                         
                      </h:panelGroup>       
                      
                      <h:panelGroup>
                         <h:outputText value="#{msg.apePaterno}" styleClass="campoObligatorio" />
                         <h:inputText  id="apePaterno" value="#{mantenimientoClientesController.apePaterno}" size="20" maxlength="60" tabindex="3" />                              
                      </h:panelGroup>
                      
                      <h:panelGroup>
                         <h:outputText value="#{msg.apeMaterno}" styleClass="campoObligatorio" />
                         <h:inputText  id="apeMaterno" value="#{mantenimientoClientesController.apeMaterno}" size="20"  maxlength="60" tabindex="4"  />                                  
                      </h:panelGroup>
                      
                      <h:panelGroup>
                         <h:outputText value="#{msg.dni}" styleClass="campoObligatorio" />                                 
                         <h:inputText id="dni" value="#{mantenimientoClientesController.dni}" size="8" maxlength="8" tabindex="5"
                                      onkeypress="return validarNum(event)"/>                                                                                 
                      </h:panelGroup>
                      
                      <h:panelGroup>
                         <h:outputText value="#{msg.ruc}" />                      
                         <h:inputText  id="ruc" value="#{mantenimientoClientesController.ruc}" size="11" maxlength="11" tabindex="6"
                                       onkeypress="return validarNum(event)" />                              
                      </h:panelGroup>
                     
                      <!--
                      <h:panelGroup>
                         <h:outputText value="#{msg.razonSocial}" />                      
                         <h:inputText  id="razonSocial" value="#{mantenimientoClientesController.razonSocial}" size="40"  maxlength="100" tabindex="7"  />                                                
                      </h:panelGroup>                 
                      -->
                      
                      <h:panelGroup>
                         <h:outputText value="#{msg.email}" />                      
                         <h:inputText  id="email" value="#{mantenimientoClientesController.email}" size="40"  maxlength="40" tabindex="8" />                                                
                      </h:panelGroup>
                      
                      <h:panelGroup>
                         <h:outputText value="#{msg.fechaNacimiento}" styleClass="campoObligatorio" />                      
                         <rich:calendar id="fechaNacimiento" datePattern="dd/MM/yyyy" value="#{mantenimientoClientesController.fechaNacimiento}" 
                                      enableManualInput="false" title="#{msg.calendario}" tabindex="9" />                         
                      </h:panelGroup>
                      
                       <h:panelGroup >
                         <h:outputText value="#{msg.estadoCivil}" styleClass="campoObligatorio" />                        
                      
                         <h:selectOneMenu id="estadoCivil" value="#{mantenimientoClientesController.estadoCivil}" styleClass="SelectOption2" tabindex="10">                   
                            <f:selectItem itemValue="E" itemLabel="#{msg.escoger}"/>
                            <f:selectItem itemValue="S" itemLabel="#{msg.soltero}"/>
		            <f:selectItem itemValue="C" itemLabel="#{msg.casado}"/> 
			    <f:selectItem itemValue="V" itemLabel="#{msg.viudo}"/> 
                            <f:selectItem itemValue="D" itemLabel="#{msg.divorciado}"/> 
                         </h:selectOneMenu>
                      </h:panelGroup>                     
                  </h:panelGrid>
                  
                  <br/>
                  
                  <h:panelGrid columns="5" border="1" bgcolor="gray" title="#{msg.celularesCte}" styleClass="campoObligatorio" >
                      <f:facet name="header">
                         <h:outputText value="#{msg.celularesCte}"/>
                      </f:facet>
                      
                      <h:panelGroup>
                          <h:outputText value="#{msg.numeroMovistar}" />                      
                         <h:inputText id="numeroMovistar" value="#{mantenimientoClientesController.numeroMovistar}"  size="9"  maxlength="9" tabindex="11" 
                                     onkeypress="return validarNum(event)"  /> 
                      </h:panelGroup>
                      
                      <h:panelGroup>
                         <h:outputText value="#{msg.numeroClaro}" />                      
                         <h:inputText id="numeroClaro" value="#{mantenimientoClientesController.numeroClaro}"  size="9"  maxlength="9" tabindex="12" 
                                      onkeypress="return validarNum(event)" /> 
                      </h:panelGroup>
                      
                      <h:panelGroup>
                         <h:outputText value="#{msg.numeroNextel}" />                      
                         <h:inputText id="numeroNextel" value="#{mantenimientoClientesController.numeroNextel}"  size="9"  maxlength="9" tabindex="13" 
                                      onkeypress="return validarNum(event)" /> 
                      </h:panelGroup>
                      
                      <h:panelGroup>
                         <h:outputText value="#{msg.numeroRPM}" />                      
                         <h:inputText id="numeroRPM" value="#{mantenimientoClientesController.numeroRPM}" size="10"  maxlength="10" tabindex="14" /> 
                      </h:panelGroup>
                      
                      <h:panelGroup>
                         <h:outputText value="#{msg.numeroRPC}" />                      
                         <h:inputText id="numeroRPC" value="#{mantenimientoClientesController.numeroRPC}" size="9"  maxlength="9" tabindex="15" 
                                      onkeypress="return validarNum(event)" />                      
                      </h:panelGroup>
                  </h:panelGrid>
                  
                  <br/>                            
                  
                  <h:panelGrid columns="4" border="1" bgcolor="yellow" title="#{msg.datosDomicilio}" >
                      <f:facet name="header">
                         <h:outputText value="#{msg.datosDomicilio}"/>
                      </f:facet>
                      
                      <h:panelGroup id="panel1">
                         <h:outputText value="#{msg.nompais}" styleClass="campoObligatorio" />                        
                      
                         <h:selectOneMenu value="#{mantenimientoClientesController.idPaisDomicilio}" styleClass="SelectOption2" tabindex="16">                   
                            <f:selectItems value="#{mantenimientoClientesController.listaPaisesSelectItemDomici}" 
                                        var="paisesDomicilio" itemValue="#{paisesDomicilio.nIdPaisPk}" itemLabel="#{paisesDomicilio.vNombrePais}"/>
                            <a4j:support event="onchange" actionListener="#{mantenimientoClientesController.cargaComboDepartamentosDomici}" reRender="panel2" />       
                         </h:selectOneMenu>
                      </h:panelGroup>
                      
                      <h:panelGroup id="panel2">
                         <h:outputText value="#{msg.departamento}" styleClass="campoObligatorio" />                        
                         
                         <h:selectOneMenu value="#{mantenimientoClientesController.idDepartamentoDomicilio}"  styleClass="SelectOption2" tabindex="17">                                                          
                               <f:selectItems value="#{mantenimientoClientesController.listaDepartamentosSelectItemDomici}" 
                                        var="departamentosDomicilio" itemValue="#{departamentosDomicilio.nIdDepartamentoPk}" itemLabel="#{departamentosDomicilio.vNombreDepartamento}"/>
                               <a4j:support event="onchange" actionListener="#{mantenimientoClientesController.cargaComboProvinciasDomici}" reRender="panel3" />       
                         </h:selectOneMenu>                         
                         
                      </h:panelGroup>
                      
                      
                      <h:panelGroup id="panel3">
                         <h:outputText value="#{msg.provincia}" styleClass="campoObligatorio" />
                      
                         <h:selectOneMenu value="#{mantenimientoClientesController.idProvinciaDomicilio}"  styleClass="SelectOption2" tabindex="18">                                                          
                               <f:selectItems value="#{mantenimientoClientesController.listaProvinciasSelectItemDomici}" 
                                        var="provinciasDomicilio" itemValue="#{provinciasDomicilio.nIdProvinciaPk}" itemLabel="#{provinciasDomicilio.vNombreProvincia}"/>
                               <a4j:support event="onchange" actionListener="#{mantenimientoClientesController.cargaComboDistritosDomici}" reRender="panel4" />       
                         </h:selectOneMenu>                       
                         
                      </h:panelGroup>
                      
                      <h:panelGroup id="panel4">
                         <h:outputText value="#{msg.distrito}" styleClass="campoObligatorio" />
                      
                         <h:selectOneMenu value="#{mantenimientoClientesController.idDistritoDomicilio}"  styleClass="SelectOption2" tabindex="19">                                                          
                               <f:selectItems value="#{mantenimientoClientesController.listaDistritosSelectItemDomici}" 
                                        var="distritosDomicilio" itemValue="#{distritosDomicilio.nIdDistritoPk}" itemLabel="#{distritosDomicilio.vNombreDistrito}"/>
                         </h:selectOneMenu>                       
                         
                      </h:panelGroup>
                      
                      <h:panelGroup id="panel5">
                         <h:outputText value="#{msg.direccion}" styleClass="campoObligatorio" />  
                      
                         <h:inputText id="direccionDomicilio" value="#{mantenimientoClientesController.direccionDomicilio}" size="75"  maxlength="120" 
                                      tabindex="20"  />            
                      </h:panelGroup>
                      
                      <h:panelGroup id="panel6">   
                         <h:outputText value="#{msg.fonoFijo}" />  
                      
                         <h:inputText id="fonoFijoDomicilio" value="#{mantenimientoClientesController.fonoFijoDomicilio}" size="10"  maxlength="10" tabindex="21" 
                                      onkeypress="return validarNum(event)" />   
                      </h:panelGroup>
                      
                      <h:panelGroup id="panel7">   
                         <h:outputText value="#{msg.esCasaPropia}" styleClass="campoObligatorio" />  
                                           
                        <!-- <h:selectOneRadio id="rbEsCasaPropia" value="#{mantenimientoClientesController.rbEsCasaPropia}" 
                                           onclick="muestraPanel(this, 'frmMantenimientoCtes:panel8')" border="1" tabindex="22"  > -->
                         <h:selectOneRadio id="rbEsCasaPropia" value="#{mantenimientoClientesController.rbEsCasaPropia}" 
                                            border="1" tabindex="22"  >  
                            <f:selectItem itemValue="1" itemLabel="Si" />
   	                    <f:selectItem itemValue="0" itemLabel="No" />   	              
                         </h:selectOneRadio>
                      </h:panelGroup>            
                      
                      <!-- <h:panelGroup id="panel8" styleClass="invisible" > --> <!--style="display:none" -->
                      <h:panelGroup id="panel8" >
                          <h:outputText value="#{msg.noEsCasaPropia}" styleClass="campoObligatorio" />
                          <h:inputText id="comentarios" value="#{mantenimientoClientesController.comentarios}" size="100"  maxlength="300" tabindex="23" />                           
                      </h:panelGroup>                     
                      
                      <h:panelGroup id="panel9">   
                         <h:outputText value="#{msg.referenciaDireccion}" />  
                      
                         <h:inputText id="referenciaDireccionDomicilio" value="#{mantenimientoClientesController.referenciaDireccionDomicilio}" size="100" 
                                      maxlength="350"  tabindex="24" />   
                      </h:panelGroup> 
                  </h:panelGrid>                      
                   
                  <br/>                  
                  
                  <h:panelGrid columns="2" border="1" bgcolor="gray" >
                     <h:panelGroup>
                          <h:outputText value="#{msg.ocupaciones}" styleClass="campoObligatorio" /> 
                          <h:selectOneMenu id="ocupacion" value="#{mantenimientoClientesController.idOcupacion}" styleClass="SelectOption2" tabindex="25" >                   
                            <f:selectItems value="#{mantenimientoClientesController.listaOcupacionesSelectItem}" 
                                        var="ocupaciones" itemValue="#{ocupaciones.nIdOcupacionPk}" itemLabel="#{ocupaciones.vNombreOcupacion}"/>                            
                         </h:selectOneMenu>
                      </h:panelGroup>
                      
                      <h:panelGroup>   
                         <h:outputText value="#{msg.estadoOcupacion}" styleClass="campoObligatorio" />  
                                           
                         <!-- <h:selectOneRadio id="rbEstadoOcupacion" value="#{mantenimientoClientesController.rbEstadoOcupacion}" 
                                           onclick="muestraPanel(this,'frmMantenimientoCtes:panelGrid1')" border="1" tabindex="26"  >   -->
                          <h:selectOneRadio id="rbEstadoOcupacion" value="#{mantenimientoClientesController.rbEstadoOcupacion}" 
                                           border="1" tabindex="26"  >
                            <f:selectItem itemValue="1" itemLabel="Independiente" />
   	                    <f:selectItem itemValue="0" itemLabel="Ejerciendo" />   	              
                         </h:selectOneRadio>
                      </h:panelGroup>          
                  </h:panelGrid>                      
                  
                  <!-- <h:panelGrid id="panelGrid1" columns="3" border="1" bgcolor="gray" title="Datos del Centro de Trabajo" styleClass="invisible" > -->
                  <h:panelGrid id="panelGrid1" columns="3" border="1" bgcolor="gray"  >
                      <f:facet name="header">
                         <h:outputText value="#{msg.datosTrabajo}"/>
                      </f:facet>
                      
                      <h:panelGroup id="panel10">
                         <h:outputText value="#{msg.nompais}" styleClass="campoObligatorio" />                        
                      
                         <h:selectOneMenu value="#{mantenimientoClientesController.idPaisTrabajo}" styleClass="SelectOption2" tabindex="27" >                   
                            <f:selectItems value="#{mantenimientoClientesController.listaPaisesSelectItemTraba}" 
                                        var="paisesTrabajo" itemValue="#{paisesTrabajo.nIdPaisPk}" itemLabel="#{paisesTrabajo.vNombrePais}"/>
                            <a4j:support event="onchange" actionListener="#{mantenimientoClientesController.cargaComboDepartamentosTraba}" reRender="panel11" />       
                         </h:selectOneMenu>
                      </h:panelGroup>
                      
                      <h:panelGroup id="panel11">
                         <h:outputText value="#{msg.departamento}" styleClass="campoObligatorio" />
                       
                         <h:selectOneMenu value="#{mantenimientoClientesController.idDepartamentoTrabajo}"  styleClass="SelectOption2" tabindex="28" >                                                          
                               <f:selectItems value="#{mantenimientoClientesController.listaDepartamentosSelectItemTraba}" 
                                  var="departamentosTrabajo" itemValue="#{departamentosTrabajo.nIdDepartamentoPk}" 
                                        itemLabel="#{departamentosTrabajo.vNombreDepartamento}"/>
                               <a4j:support event="onchange" actionListener="#{mantenimientoClientesController.cargaComboProvinciasTraba}" reRender="panel12" />       
                         </h:selectOneMenu>                           
                      </h:panelGroup>                      
                      
                      <h:panelGroup id="panel12">
                         <h:outputText value="#{msg.provincia}" styleClass="campoObligatorio" />                  
                       
                         <h:selectOneMenu value="#{mantenimientoClientesController.idProvinciaTrabajo}"  styleClass="SelectOption2" tabindex="29" >                                                          
                               <f:selectItems value="#{mantenimientoClientesController.listaProvinciasSelectItemTraba}" 
                                        var="provinciasTrabajo" itemValue="#{provinciasTrabajo.nIdProvinciaPk}" itemLabel="#{provinciasTrabajo.vNombreProvincia}"/>
                               <a4j:support event="onchange" actionListener="#{mantenimientoClientesController.cargaComboDistritosTraba}" reRender="panel13" />       
                         </h:selectOneMenu>                       
                         
                      </h:panelGroup>
                      
                      <h:panelGroup id="panel13">
                         <h:outputText value="#{msg.distrito}" styleClass="campoObligatorio" />                   
                       
                         <h:selectOneMenu value="#{mantenimientoClientesController.idDistritoTrabajo}"  styleClass="SelectOption2" tabindex="30" >                                                          
                               <f:selectItems value="#{mantenimientoClientesController.listaDistritosSelectItemTraba}" 
                                        var="distritosTrabajo" itemValue="#{distritosTrabajo.nIdDistritoPk}" itemLabel="#{distritosTrabajo.vNombreDistrito}"/>
                         </h:selectOneMenu>                      
                         
                      </h:panelGroup>
                      
                      <h:panelGroup id="panel14">
                         <h:outputText value="#{msg.empresa}" styleClass="campoObligatorio" />  
                      
                         <h:inputText id="centroTrabajo" value="#{mantenimientoClientesController.centroTrabajo}" size="50"  maxlength="80" tabindex="31" />                             
                      </h:panelGroup>
                      
                      <h:panelGroup id="panel15">
                         <h:outputText value="#{msg.direccion}" styleClass="campoObligatorio" />  
                      
                         <h:inputText id="direccionTrabajo" value="#{mantenimientoClientesController.direccionTrabajo}" size="75"  maxlength="120" tabindex="32" />            
                         
                         <h:commandButton id="btnLoadDatos" onclick="return carga_Datos();" styleClass="spacio" tabindex="33" image="/images/Load.png"  >                         
                            <rich:toolTip for="btnLoadDatos" value="#{msg.cargarDatos}" />
	                </h:commandButton>
                      </h:panelGroup>
                      
                      <h:panelGroup id="panel16">   
                         <h:outputText value="#{msg.fonoFijo}" />  
                      
                         <h:inputText id="fonoFijoTrabajo" value="#{mantenimientoClientesController.fonoFijoTrabajo}" size="10"  maxlength="15" tabindex="34" 
                                      onkeypress="return validarNum(event)" />                        
                      </h:panelGroup>
                                            
                      <h:panelGroup id="panel17">   
                         <h:outputText value="#{msg.referenciaDireccion}" />  
                      
                         <h:inputText id="referenciaDireccionTrabajo" value="#{mantenimientoClientesController.referenciaDireccionTrabajo}" tabindex="35"
                                      size="100"  maxlength="350"  />   
                      </h:panelGroup>
                      
                      <h:panelGroup id="panel18">   
                         <h:outputText value="#{msg.otrosCentroTrabajo}" />                        
                         
                         <h:inputTextarea id="otrosCentroTrabajo" value="#{mantenimientoClientesController.otrosCentroTrabajo}" tabindex="36" 
                                          cols="100" rows="5" onkeypress="return checkMaxLength(this.value.length, 150)" />                                                  
                      </h:panelGroup>
                  </h:panelGrid>           
                  
                  <br/>
                  
                  <h:panelGrid columns="2">                    
                      
                     <h:commandButton id="btnGrabar" value="#{msg.grabar}" actionListener="#{mantenimientoClientesController.grabaOActualizaCliente}" 
                                      onclick="return validarCampos_Clientes();" styleClass="spacio" tabindex="37"  >
                          <a4j:support event="onclick" reRender="datable,frmMantenimientoCtes" />
                          <rich:toolTip for="btnGrabar" value="#{msg.grabar}" />
	             </h:commandButton>
                      
                     <a4j:commandButton value=" #{msg.limpiar} "  id="btnLimpiar" 
                                        actionListener="#{mantenimientoClientesController.clean}" reRender="frmMantenimientoCtes" styleClass="spacio" tabindex="38" > 
			 <rich:toolTip for="btnLimpiar" value="#{msg.limpiar}" />
		     </a4j:commandButton>         
                     
		 </h:panelGrid>                       
                 
               </rich:panel>
               <br /> 
               
               <rich:panel  style=" margin-left: 30px;border:0px solid #14527e;border-radius: 20px;box-shadow:rgba(100,100,100,0.4)10px 10px ;width:1210px;height : 395px;" >
                <!-- DataTable -->                  
                <h:panelGrid columns="1" id="datable">                         
                    <rich:datascroller for="mdr1" maxPages="5" rendered="#{not empty mantenimientoClientesController.beanList}"/>
                    <rich:dataTable id="mdr1" value="#{mantenimientoClientesController.beanList}"
		        var="item" rows="10" width="100%" dir="LTR" frame="hsides" styleClass="datatable"
			onRowMouseOver="this.style.backgroundColor='#c5dbf9'" onRowMouseOut="this.style.backgroundColor='#{a4jSkin.tableBackgroundColor}'"
					rules="all" rowKeyVar="rowKey" cellspacing="5" rendered="#{not empty mantenimientoClientesController.beanList}">
					
					<f:facet name="header">
						<h:outputText value="#{msg.listadoClientes}"/>
					</f:facet>
					
					<rich:column>
						<f:facet name="header">
							<h:outputText value="#{msg.numeral}" />
						</f:facet>
						<h:outputText value="#{rowKey+1}"></h:outputText> 
					</rich:column>
					
					<rich:column  >
						<f:facet name="header">
							<h:outputText value="#{msg.id}" />
						</f:facet>
						<h:outputText value="#{item.getNIdCtePk()}"></h:outputText>
					</rich:column>                       
                        
					<rich:column sortBy="#{item.getVNombreCte()}" >
						<f:facet name="header">
							<h:outputText value="#{msg.nombre}" />
						</f:facet>
						<h:outputText value="#{item.getVNombreCte()}"></h:outputText>
					</rich:column>

					<rich:column sortBy="#{item.getVApePaternoCte()}">
						<f:facet name="header">
							<h:outputText value="#{msg.apePaterno}"/>
						</f:facet>
						<h:outputText value="#{item.getVApePaternoCte()}"></h:outputText>
					</rich:column>
                        
                                       <rich:column sortBy="#{item.getVApeMaternoCte()}">
						<f:facet name="header">
							<h:outputText value="#{msg.apeMaterno}"/>
						</f:facet>
						<h:outputText value="#{item.getVApeMaternoCte()}"></h:outputText>
					</rich:column>
                        
                                        <rich:column sortBy="#{item.getNDniCte()}" filterBy="#{item.getNDniCte()}" filterEvent="onkeyup">
						<f:facet name="header">
							<h:outputText value="#{msg.dni}" />
						</f:facet>
						<h:outputText value="#{item.getNDniCte()}" ></h:outputText>
					</rich:column>  
                        
                                        <rich:column sortBy="#{item.getVRucCte()}" filterBy="#{item.getVRucCte()}" filterEvent="onkeyup">
						<f:facet name="header">
							<h:outputText value="#{msg.ruc}" />
						</f:facet>
						<h:outputText value="#{item.getVRucCte()}" ></h:outputText>
					</rich:column>  
                        
                                        
                                        <rich:column sortBy="#{item.getDFechaNacimientoCte()}" >
						<f:facet name="header">
							<h:outputText value="#{msg.fechaNacimiento}" />
						</f:facet>
						<h:outputText value="#{item.getDFechaNacimientoCte()}">
                                                    <f:convertDateTime pattern="dd/MM/yyyy" />
                                                </h:outputText>
					</rich:column>  
                        
					
					<rich:column>
					   <f:facet name="header">
					      <h:outputText value="#{msg.accion}"/>
					   </f:facet>
                                           
                                            <!--faces-config.xml   los actions -->
                                            <!--inmediate="true"  solo envia el objeto contenido -> en este caso el param, 
                                                   semejante a ajaxSingle="true" o enviar usando a4j:region -->
					   <h:commandLink action="mantenimientoClientes" id="editLink" actionListener="#{mantenimientoClientesController.load}" immediate="true">
                                              <h:graphicImage value="/images/editar.png" style="border:0px" styleClass="EspacioBotones" />
                                              <f:param name="sid1" id="sid1" value="#{item.getNIdCtePk()}" />
                                              <rich:toolTip for="editLink" value="#{msg.editar} #{item.getVNombreCte()}"/>
					   </h:commandLink>
                                            
					   <h:commandLink action="mantenimientoClientes"  id="deleteLink" onclick="return confirmDelete();" 
                                                                      actionListener="#{mantenimientoClientesController.delete}" immediate="true">
					      <h:graphicImage value="/images/eliminar.png" style="border:0px;" styleClass="EspacioBotones" />
					      <f:param name="sid2" id="sid2" value="#{item.getNIdCtePk()}" />
					      <rich:toolTip for="deleteLink" value="#{msg.eliminar} #{item.getVNombreCte()}"/>						
					   </h:commandLink>
					</rich:column>
                                     
					<f:facet name="footer">
						<h:outputText value="#{msg.listan} #{msg.totalregistros} : #{mantenimientoClientesController.numClientes}" />    
					</f:facet> 
                        
		    </rich:dataTable>
		</h:panelGrid>              
                 <!-- fin DataTable-->                  
               </rich:panel>		
            </a4j:form>	        
        </f:view>
    </ui:define>   

</ui:composition> 

</html>
 